import ChildComp3 from "./ChildComp3";
import ThemeChanger from "./ThemeChanger";
import ThemeContext from "../ThemeContext";
import { useContext } from "react";

const ChildComp2 = () => {
  const { theme } = useContext(ThemeContext);
  return (
    <>
      <div className="ProviderContainer BlueBorder">
        <div>ChildComponent2</div>
        <div>Theme: {theme}</div>
        <ThemeChanger />
        <ChildComp3 />
      </div>
    </>
  );
};

export default ChildComp2;
